<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">


    <link rel="stylesheet" href="../css/main.css">
    <link rel="stylesheet" href="../css/detail.css">
    <!--<link rel="stylesheet" href="lib/bootstrap.min.css">-->
    <link rel="stylesheet" href="../lib/weui.min.css">
    <link rel="stylesheet" href="../css/jquery-weui.css">
</head>
<body>

<div class="my-content" id="my-content">





</div>

<!--&lt;!&ndash;tabbar&ndash;&gt;-->
<!--<div class="my-tab">-->
<!--<div class="my-tabbar">-->
<!--<a href="" class="tabbar-item active">-->
<!--<span></span>-->
<!--<div class="item-icon">-->
<!--<img src="../images/index_press.png" alt="">-->
<!--</div>-->
<!--<p class="item-label">首页</p>-->
<!--</a>-->
<!--<a href="" class="tabbar-item">-->
<!--<span></span>-->
<!--<div class="item-icon">-->
<!--<img src="../images/order.png" alt="">-->
<!--</div>-->
<!--<p class="item-label">订单</p>-->
<!--</a>-->
<!--<a href="" class="tabbar-item">-->
<!--<span></span>-->
<!--<div class="item-icon">-->
<!--<img src="../images/me.png" alt="">-->
<!--</div>-->
<!--<p class="item-label">我</p>-->
<!--</a>-->
<!--</div>-->

<!--</div>-->






<script src="../js/axios.js"></script>
<script src="../lib/vue.js"></script>
<script src="lib/bootstrap.mini.js"></script>
<script type='text/javascript' src='../lib/jquery-2.1.4.js'></script>

<script >
    var app = new Vue({
        el: '#my-content',
        data: {
            message: "",
        },
        beforeCreate: function () {


        },
        created: function () {


        },
        methods: {


        },
        beforeMount: function () {

        },
        mounted: function () {

        },
        beforeUpdate: function () {
            console.group('beforeUpdate 更新前状态===============》');
            console.log("%c%s", "color:red", "el     : " + this.$el);
            console.log(this.$el);
            console.log("%c%s", "color:red", "data   : " + this.$data);
            console.log("%c%s", "color:red", "message: " + this.message);
        },
        updated: function () {
            console.group('updated 更新完成状态===============》');
            console.log("%c%s", "color:red", "el     : " + this.$el);
            console.log(this.$el);
            console.log("%c%s", "color:red", "data   : " + this.$data);
            console.log("%c%s", "color:red", "message: " + this.message);
        },
        beforeDestroy: function () {
            console.group('beforeDestroy 销毁前状态===============》');
            console.log("%c%s", "color:red", "el     : " + this.$el);
            console.log(this.$el);
            console.log("%c%s", "color:red", "data   : " + this.$data);
            console.log("%c%s", "color:red", "message: " + this.message);
        },
        destroyed: function () {
            console.group('destroyed 销毁完成状态===============》');
            console.log("%c%s", "color:red", "el     : " + this.$el);
            console.log(this.$el);
            console.log("%c%s", "color:red", "data   : " + this.$data);
            console.log("%c%s", "color:red", "message: " + this.message)
        }
    });
</script>
</body>


</html>